<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>TimePicker 时间选择器</title>
		<link rel="stylesheet" href="../../common/css/public.css">
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1321977_ga5kvumcms9.css">
		<link rel="stylesheet" href="../../common/css/common.css">
	</head>
	<body>
		<!--TimePicker 时间选择器-->
		<!--用于选择输入日期-->
		<div class="el-select">
			<div class="el-input">
				<input type="text" class="el-input__inner" placeholder="请选择" readonly/>
				<span class="el-input__suffix">
					<span class="el-input__suffix-inner">
						<i class="icon iconfont icon-jiantou-copy-copy-copy el-select__caret el-input__icon"></i>
					</span>
					<!--icon-chahao-->
				</span>
		    </div>
		    <!--显示元素-->
		    <div class="el-select-dropdown">
		    	<div class="el-scrollbar el-timepicker tbar">
		    		<ul class="el-select-dropdown__list">
		    			<li class="el-select-dropdown__item">
		    				<span>08:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>08:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>09:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>09:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>09:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>09:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>10:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>10:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>10:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>10:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>11:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>11:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>11:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>11:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>12:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>12:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>12:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>12:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>13:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>13:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>13:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>13:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>14:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>14:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>14:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>14:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>15:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>15:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>15:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>15:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>16:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>16:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>16:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>16:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>17:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>17:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>17:30</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>17:45</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>18:00</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>18:15</span>
		    			</li>
		    			<li class="el-select-dropdown__item">
		    				<span>18:30</span>
		    			</li>
		    		</ul>
		    	</div>
		    </div>
		</div>
		<script src="../../common/js/jquery.min.js"></script>
		<script src="../../common/js/components.js"></script>
	</body>
</html>
